@media only screen and (max-width: 359px) { html { font-size: 13px; } }
@media only screen and (min-width: 360px) and (max-width: 374px) { html { font-size: 15px; } }
@media only screen and (min-width: 375px) and (max-width: 399px) { html { font-size: 15px; } }
@media only screen and (min-width: 400px) and (max-width: 479px) { html { font-size: 16px; } }
@media only screen and (min-width: 480px) and (max-width: 539px) { html { font-size: 20px; } }
@media only screen and (min-width: 540px) and (max-width: 639px) { html { font-size: 22px; } }
@media only screen and (min-width: 640px) and (max-width: 719px) { html { font-size: 26px; } }
@media only screen and (min-width: 720px) { html { font-size: 30px; } }
.globalMap { background: url(../images/map.png) 0 0 no-repeat; background-size: 33.33rem 33.33rem; }

.globalPadding { padding: 0 0.67rem; }

.detailPic { background: #fff; padding-top: 0.67rem; }

.introTxt { line-height: 1.4rem; font-size: 0.87rem; text-indent: 2em; padding: 0 0 0.67rem 0; }
.introTxt p { padding-top: 0.67rem; }
